<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>新闻管理系统</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <!-- basic styles -->
        <link href="{$ROOT}public/ace/assets/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="{$ROOT}public/ace/assets/css/font-awesome.min.css" />
        <link rel="stylesheet" href="{$ROOT}public/css/style.css" />
        <!--[if IE 7]>
          <link rel="stylesheet" href="{$ROOT}public/ace/assets/css/font-awesome-ie7.min.css" />
        <![endif]-->
        <!-- page specific plugin styles -->
        <!-- ace styles -->
        <link rel="stylesheet" href="{$ROOT}public/ace/assets/css/ace.min.css" />
        <link rel="stylesheet" href="{$ROOT}public/ace/assets/css/ace-rtl.min.css" />
        <link rel="stylesheet" href="{$ROOT}public/ace/assets/css/ace-skins.min.css" />
        <!--[if lte IE 8]>
          <link rel="stylesheet" href="{$ROOT}public/ace/assets/css/ace-ie.min.css" />
        <![endif]-->
        <!-- inline styles related to this page -->

        <!-- ace settings handler -->
        <script src="{$ROOT}public/ace/assets/js/jquery-1.10.2.min.js"></script>
        
        <script src="{$ROOT}public/ace/assets/js/ace-extra.min.js"></script>

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

        <!--[if lt IE 9]>
        <script src="{$ROOT}public/ace/assets/js/html5shiv.js"></script>
        <script src="{$ROOT}public/ace/assets/js/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="navbar navbar-default" id="navbar">
            {literal}
            <script type="text/javascript">
                try{ace.settings.check('navbar' , 'fixed')}catch(e){}
            </script>{/literal}

            <div class="navbar-container" id="navbar-container">
                <div class="navbar-header pull-left">
                    <a href="#" class="navbar-brand">
                        <small>
                            <i class="icon-leaf"></i>
                                                                                   新闻后台管理系统
                        </small>
                    </a>
                </div>

                <div class="navbar-header pull-right" role="navigation">
                    <ul class="nav ace-nav">
                        <li class="light-blue">
                            <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                                <img class="nav-user-photo" src="{$ROOT}public/ace/assets/avatars/user.jpg" alt="Jason's Photo" />
                                <span class="user-info">
                                    <small>欢迎光临,</small>
                                    {$userInfo.username}
                                </span>
                                <i class="icon-caret-down"></i>
                            </a>
                            <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                                <li>
                                    <a href="#">
                                        <i class="icon-cog"></i>设置
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="icon-user"></i>个人资料
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a href="{$APP}/user/loginOut">
                                        <i class="icon-off"></i>
                                                                                                                        退出
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="main-container" id="main-container">
            {literal}
            <script type="text/javascript">
                try{ace.settings.check('main-container' , 'fixed')}catch(e){}
            </script>{/literal}
            <div class="main-container-inner">
                <a class="menu-toggler" id="menu-toggler" href="#">
                    <span class="menu-text"></span>
                </a>

                <div class="sidebar" id="sidebar">
                    {literal}
                    <script type="text/javascript">
                        try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
                    </script>{/literal}

                    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
                        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
                            <button class="btn btn-success">
                                <i class="icon-signal"></i>
                            </button>

                            <button class="btn btn-info">
                                <i class="icon-pencil"></i>
                            </button>

                            <button class="btn btn-warning">
                                <i class="icon-group"></i>
                            </button>

                            <button class="btn btn-danger">
                                <i class="icon-cogs"></i>
                            </button>
                        </div>

                        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
                            <span class="btn btn-success"></span>

                            <span class="btn btn-info"></span>

                            <span class="btn btn-warning"></span>

                            <span class="btn btn-danger"></span>
                        </div>
                    </div>
                    <ul class="nav nav-list">
                        <li>
                            <a href="#" class="dropdown-toggle">
                                <i class="icon-list"></i>
                                <span class="menu-text">新闻管理</span>
                                <b class="arrow icon-angle-down"></b>
                            </a>
                            <ul class="submenu">
                                <li>
                                    <a href="{$APP}/news/getList.html">
                                        <i class="icon-double-angle-right"></i>文章列表
                                    </a>
                                </li>

                                <li>
                                    <a href="{$APP}/news/add.html">
                                        <i class="icon-double-angle-right"></i>添加文章
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li >
                            <a href="#" class="dropdown-toggle">
                                <i class="icon-list"></i>
                                <span class="menu-text">类别管理</span>
                                <b class="arrow icon-angle-down"></b>
                            </a>
                            <ul class="submenu">
                                <li >
                                    <a href="{$APP}/newsType/getList.html">
                                        <i class="icon-double-angle-right"></i>类别列表
                                    </a>
                                </li>

                                <li>
                                    <a href="{$APP}/newsType/add.html">
                                        <i class="icon-double-angle-right"></i>添加类别
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <div class="sidebar-collapse" id="sidebar-collapse">
                        <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
                    </div>
                    {literal}
                    <script type="text/javascript">
                        try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
                    </script>{/literal}
                </div>